<template>
	<view class="content">
		<!-- <indexhead></indexhead> -->
		<view class="head">
			<navigator class="user" url="/pages/userinfo/userinfo">
				<image src="../../static/img/user.png"></image>
				张三三
			</navigator>
			<navigator url="/pages/recordmeal/recordmeal">
				<image src="../../static/img/order.png"></image>
			</navigator>
		</view>
		<view class="title">
			扫码用餐
			<image src="../../static/img/line.png"></image>
		</view>
		<view class="scan">
			<image src="../../static/img/scan.png" @click="scan"></image>
			扫码用餐
		</view>
		<view class="bottom">
			<image src="../../static/img/down.png"></image>
			本月用餐15次  剩余15次
		</view>
	</view>
</template>

<script>
	import indexhead from '../../components/whh/head'
	export default {
		components:{
			indexhead
		},
		data() {
			return {
				title: 'Hello'
			}
		},
		onLoad() {

		},
		methods: {
           scan(){
			   uni.scanCode({
			       success: function (res) {
			           console.log('条码类型：' + res.scanType);
			           console.log('条码内容：' + res.result);
					   uni.navigateTo({
					   	url:'/pages/addsite/addsite'
					   })
			       }
			   });
		   }
		}
	}
</script>

<style scoped>
	.content {
		background-image: linear-gradient(#6063DB, #759AF8);
		height: 100vh;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.head{
		display: flex;
		width:90%;
		justify-content: space-between;
		color:#fff;
		margin-top: 10px;
	}
	.head image{
		width: 35rpx;
		height: 37rpx;
	}
	.user image{
		margin-right:6px;
		vertical-align:bottom;
	}
	.title{
		font-size: 60rpx;
		font-family: Adobe Heiti Std;
		font-weight: normal;
		color: #FFFFFF;
		margin-top: 100rpx;
		text-shadow: 0px 3px 13px rgba(0, 0, 0, 0.6);
	}
	.title image{
		width:207rpx;
		height:22rpx;
		display:block;
		margin-top: 10px;
	}
	.scan{
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		width:646rpx;
		height:646rpx;
		background: url(../../static/img/cicle.png) center;
		background-size: cover;
		margin-top: 20px;
		font-size: 44rpx;
		font-family: Adobe Heiti Std;
		font-weight: normal;
		color:#686CD6;
		letter-spacing: 10rpx;
		text-shadow: 0px 3px 13px rgba(115, 141, 238, 0.71);
	}
	.scan image{
		width:182rpx;
		height:167rpx;
		margin-bottom: 4px;
	}
	.bottom{
		color: #fff;
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-top:100rpx;
	}
	.bottom image{
		width:34rpx;
		height:32rpx;
		margin-bottom: 20px;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
</style>
